.px2rem(@name,@px){
    @{name}: @px / 75px * 1rem 
}
body{
    background: #f8f7f8;
    
}

.header{
    .px2rem(font-size,30);
    background: white;
    width: 100%;
    .px2rem(height,90);
    box-sizing: border-box;
    padding: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 99;
    position: fixed;
    left: 0;
    top: 0;
    border-bottom: 3px solid #f1f1f1;
    ._right{
        width: 10%;
        padding: 2%;
        box-sizing: border-box;
       img{
           width: 100%;
       } 
    }
}
.tab-nav{
    width: 100%;
    .px2rem(font-size,30);
    z-index: 90;
    background: white;
    position: fixed;
    left: 0;
    .px2rem(top,90);
    
    .swiper-slide{
        .px2rem(font-size,30);
        text-align: center;
        .px2rem(line-height,100);
        border-bottom: 1px solid #d9d9d9;
    }

    .swiper-slide.active{
        color: red;
        border-bottom: 3px solid red;
    }
    
}
.main{
    z-index: 60;
    .px2rem(margin-top,180);
    .px2rem(margin-bottom,120);
    .px2rem(font-size,16);
    .tab-cont{
        .swiper-wrapper{
            .swiper-slide{
                .px2rem(margin-top,20);
                
            }
            .everyday{
                .lunbo{
                    .swiper-slide{
                        img{width: 100%;}
                    }
                }
                ._comment{
                    
                    
                    .pinglun{
                        width: 100%;
                        padding: 2%;
                        background: white;
                        ._top{
                            dl{
                                width: 100%;
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                padding: 2%;
                                box-sizing: border-box;
                                dt{
                                    width: 10%;
                                    img{
                                        width: 100%;
                                    }
                                }
                                dd{
                                    .px2rem(font-size,30);
                                    color: #747374;
                                }
                            }
                            
                        }
                        ._concent{
                            dl{
                                display: flex;
                                dt{
                                    width: 40%;
                                    img{width: 100%;}
                                }
                                dd{
                                    p:nth-child(1){
                                        .px2rem(font-size,36);
                                        font-weight: 900;
                                    } 
                                    p:nth-child(2){
                                        .px2rem(font-size,28);
                                    } 
                                }
                                
                            }
                        }
                        ._bottom{
                            display: flex;
                            dl{
                                display: flex;
                                align-items: center;
                                dt{
                                    .iconfont{
                                        font-family:"iconfont";
                                        .px2rem(font-size,40);
                                        font-style:normal;
                                        color: #c6c6c6;
                                    }
                                }
                                dd{
                                    .px2rem(font-size,30);
                                }
                            }
                            dl:nth-child(2){
                                .px2rem(margin-left,20);
                            }
                        }
                    }
                    .pinglun:nth-child(2n){
                        .px2rem(margin-top,20);
                    }
                }
            }
        }
    }
} 
.footer{
    z-index: 99;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    .px2rem(height,120);
    background: white;
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #c8c2c2;
    .px2rem(font-size,24);
    dl{
        dt{
            
            .iconfont{
                font-family:"iconfont";
                .px2rem(font-size,50);
                font-style:normal;
                
            }
        }
    }
    dl:nth-child(1){
        dt{
            color: #ff5958;
        }
        dd{
            color: #ff5958;
        }
    }
}

@font-face {
  font-family: 'iconfont';  /* project id 382649 */
  src: url('//at.alicdn.com/t/font_382649_lndi987v42muc8fr.eot');
  src: url('//at.alicdn.com/t/font_382649_lndi987v42muc8fr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_382649_lndi987v42muc8fr.woff') format('woff'),
  url('//at.alicdn.com/t/font_382649_lndi987v42muc8fr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_382649_lndi987v42muc8fr.svg#iconfont') format('svg');
}